// 导入dayjs
import dayjs from 'dayjs';

// 导入vue
import Vue from 'vue';

// 加载中文语言包
import 'dayjs/locale/zh-cn';

// 默认语言是英文，配置成中文
// 配置处理相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime';
dayjs.locale('zh-cn'); // 全局使用

// 配置使用处理相对时间的插件
dayjs.extend(relativeTime);

// console.log(dayjs().from(dayjs('1990')));

// dayjs() 获取最新的时间
// console.log(dayjs().format('YYYY-MM-DD')); // 2021-01-13

// 定义一个格式化事件的过滤器

// 一个全局的时间格式化过滤器，然后就可以在组件中任何模板中使用了，
// 其实过滤器就相当于一个全局可用的方法，（仅供模板使用）
// 参数1：过滤器的名称
// 参数2：过滤器的函数
// 使用方式：{{表达式|过滤器的名称}}
// 管道符前面的表达式的结果，会作为参数传递到过滤器的函数中
// 过滤器的返回值会渲染到使用过滤器的模板位置

Vue.filter('relativeTime', (value) => {
  return dayjs().to(dayjs(value));
});
